<script setup>
// 由于现在是组合式API，所以无法直接配置 props 选项
// 需要借助“编译器宏”函数接收父组件传递的数据
const props = defineProps({
    car: String,
    money: Number
})
// 这里触发的事件名，需要声明
const emits = defineEmits(['changeMoney']);
console.log(props.car)
console.log(props.money)
const buy = () => {
    // 需要 emit 触发事件
    emits('changeMoney', 5)
}
</script>

<template>
    <!-- 对于 props 传来的数据，模板中可以直接使用 -->
    <div class="son">
        I am Son. - {{ car }} - {{ money }}
        <button @click="buy">花钱</button>
    </div>
</template>

<style scoped>
.son {
    border: 1px solid #000;
    padding: 30px;
}
</style>